<script setup lang="ts">
import CustomHeader from "@/components/CustomHeader.vue";

</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header height="60px" style="padding: 0">
        <CustomHeader/>
      </el-header>
      <el-main>
        <RouterView v-slot="{Component}">
          <transition name="fade" mode="out-in">
            <component :is="Component"/>
          </transition>
        </RouterView>
      </el-main>
    </el-container>
  </div>


</template>

<style scoped>
.common-layout {
  width: 100vw;
  height: 100vh;
}


</style>
